.list-inline {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding-left: 0;

	li {
		list-style: none;
	}
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.is-circle {
	border-radius: 50% !important;
}

.line-clamp {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-break: break-all;

	@for $i from 2 through 5 {
		&.line-clamp-#{$i} {
			-webkit-line-clamp: #{$i};
		}
	}
}

@each $val
	in (
		none,
		inline,
		inline-block,
		block,
		table,
		table-cell,
		table-row,
		flex,
		inline-flex
	)
{
	.d-#{$val} {
		display: #{$val} !important;
	}
}


.border-0 {
	border: 0 !important;
}

@for $i from 0 through 100 {
	$gap: $i * 5rpx;
	.p-#{$i} {
		padding: #{$gap} !important;
	}

	.px-#{$i} {
		padding-left: #{$gap} !important;
		padding-right: #{$gap} !important;
	}

	.pl-#{$i} {
		padding-left: #{$gap} !important;
	}

	.pr-#{$i} {
		padding-right: #{$gap} !important;
	}

	.py-#{$i} {
		padding-top: #{$gap} !important;
		padding-bottom: #{$gap} !important;
	}

	.pt-#{$i} {
		padding-top: #{$gap} !important;
	}

	.pb-#{$i} {
		padding-bottom: #{$gap} !important;
	}

	.m-#{$i} {
		margin: #{$gap} !important;
	}

	.mx-#{$i} {
		margin-left: #{$gap} !important;
		margin-right: #{$gap} !important;
	}

	.ml-#{$i} {
		margin-left: #{$gap} !important;
	}

	.mr-#{$i} {
		margin-right: #{$gap} !important;
	}

	.my-#{$i} {
		margin-top: #{$gap} !important;
		margin-bottom: #{$gap} !important;
	}

	.mt-#{$i} {
		margin-top: #{$gap} !important;
	}

	.mb-#{$i} {
		margin-bottom: #{$gap} !important;
	}
}

@for $i from 0 through 4 {
	$gap: $i * 2px + 12px;

	.fs-#{$i} {
		font-size: #{$gap} !important;
	}

	.title-#{$i} {
		font-size: #{$gap} !important;
		margin-bottom: 10px;
	}

	.title-w-#{$i} {
		font-size: #{$gap} !important;
		font-weight: bold !important;
		margin-bottom: 10px;
	}
}

.ml-auto {
	margin-left: auto !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

.flex-row {
	flex-direction: row !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-space {
	flex: 1 !important;
}

.justify-content-start {
	justify-content: flex-start !important;
}

.justify-content-end {
	justify-content: flex-end !important;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-around {
	justify-content: space-around !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.align-items-start {
	align-items: flex-start !important;
}

.align-items-end {
	align-items: flex-end !important;
}

.align-items-center {
	align-items: center !important;
}

.align-items-baseline {
	align-items: baseline !important;
}

.align-items-stretch {
	align-items: stretch !important;
}

.align-self-start {
	align-self: flex-start !important;
}

.align-self-end {
	align-self: flex-end !important;
}

.align-self-center {
	align-self: center !important;
}

.align-self-baseline {
	align-self: baseline !important;
}

.align-self-stretch {
	align-self: stretch !important;
}

.d-inline-block {
	display: inline-block;
}

.w-100 {
	width: 100% !important;
}

.w-25 {
	width: 25% !important;
}

.w-50 {
	width: 50% !important;
}

.w-75 {
	width: 75% !important;
}

.h-100 {
	height: 100% !important;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.text-nowrap {
	white-space: nowrap !important;
}

.cursor-pointer {
	cursor: pointer;
}


.btn-submit{
	font-size: 36rpx !important;
	font-weight: 500 !important;
	color: #FFFFFF !important;
	width: 90% !important;
	height: 90rpx !important;
	background: #50CDBD !important;
	box-shadow: 0rpx 8rpx 27rpx 0rpx rgba(80, 205, 189, 0.27) !important;
	border-radius: 45rpx !important;
	position: fixed !important;
	bottom: 45rpx !important;
	left: 0;
	right: 0;
	margin:0 auto ;
}
